.head{
    width:100%;
    float:left;
}
.header{
    width: 80%;
    height:80px;
    border-style: solid;
    border-width: 1px;
    border-color: #999999;
    margin:0 auto;
    position: center;
    background: #AFD5F5;

}
.header p{
    width:100%;
    text-align: center;
    font-size: 25px;
    margin:0 auto;
    float:left;
}
.left{
    vertical-align: middle;
    width:20%;
    position:relative ;
    top:57px;
    height:480px;
    float:left;

    display: flex;
    align-items: center;
    justify-content: center;


}
.right iframe{
    width:80%;
    height:1000px;
    float:left;
    border-style:solid;

}
.day {
    text-align: center;
    width: 100%;
    float:left;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px;
    height: 60px;
    line-height:60px;
    background: #E1F0FD;

}
a{

    display: inline-block;
    width: 100%;
    vertical-align: middle;

}
.day:active{
    background-color: #AFD5F5;
}
a:active{
    color: #FFFFFF;
    text-decoration: none;
}
a:link{
    color: #333333;
    text-decoration: none;
}



